<!--    客户管理-客户详情---回访记录 详情 组件  by jh   -->
<template>
    <div>

        <div class="bottom">
            <el-row class="paddingBottom">
                <el-col>
                    <el-row class="smallTitle">内容记录：</el-row>
                    <el-row class="newRow">
                       {{form.listGuestVisit[0].content}}
                    </el-row>
                </el-col>
            </el-row>
            <el-row class="paddingBottom">
                <el-col>
                    <el-row class="smallTitle">待办事项：</el-row>
                    <el-row class="newRow">
                        {{form.listGuestVisit[0].remark}}
                    </el-row>
                </el-col>
            </el-row>
            <el-row>
                <el-col>
                    <el-row class="smallTitle">文件记录：</el-row>
                    <!--<el-table-->
                        <!--border-->
                        <!--:data="fileData"-->
                        <!--style="width: 100%">-->
                        <!--<el-table-column-->
                            <!--align="center"-->
                            <!--prop="date"-->
                            <!--label="文件名">-->
                        <!--</el-table-column>-->
                        <!--<el-table-column-->
                            <!--align="center"-->
                            <!--prop="date"-->
                            <!--label="附件大小">-->
                        <!--</el-table-column>-->
                        <!--<el-table-column-->
                            <!--align="center"-->
                            <!--prop="date"-->
                            <!--label="操作">-->
                        <!--</el-table-column>-->
                    <!--</el-table>-->
                    <csList
                        :fileType="fileType"
                        :businessId="form.listGuestVisit[0].id"
                        :isAllToolbar='isAllToolbar'
                        >
                    </csList>
                </el-col>
            </el-row>
        </div>

    </div>
</template>

<script type="text/ecmascript-6">

    export default {
        props: {
//            toCertificateEdit: {
//                type: Function,
//                required: true
//            },
            itemData: {
                type: Object,
                required: true
            }
        },
        data() {
            return {
                isAllToolbar: false,
                guestId: this.$route.params.eClient_guestId,
                fileType: '10062',//文件上传的参数
//                form: {
//                    'fileListId': [],
//                    'guestId': '',
//                    'listGuestVisit': [
//                        {
//                            'content': '', //内容记录
//                            'guestId': '',
//                            'id': '', //与visitId一样
//                            'remark': '',//待办事项
//                            'visitTime': new Date(),//时间
//                            'visitUser': '' //回访人
//                        }
//                    ],
//                    'visitId': ''
//                },
                form: {
                    'fileListId': this.itemData.filesVoList,
                    'guestId': this.itemData.guestId,
                    'listGuestVisit': [
                        {
                            'content': this.itemData.content, //内容记录
                            'guestId': this.itemData.guestId,
                            'id': this.itemData.id,
                            'remark': this.itemData.remark,//待办事项
                            'visitTime': new Date(this.itemData.visitTime),//时间
                            'visitUser': this.itemData.visitUser //回访人
                        }
                    ],
                    'visitId': this.itemData.id
                },
                fileData: [],//后台返回的文件列表
            }
        },
        watch: {
            data: {
                handler: function () {
                    this.initView()
                },
                deep: true
            },
        },
        mounted() {
        },
        methods: {
//            initView() {
//                this.form.guestId = this.itemData.guestId
//                this.form.listGuestVisit[0].content = this.itemData.content
//                this.form.listGuestVisit[0].guestId = this.itemData.guestId
//                this.form.listGuestVisit[0].id = this.itemData.id
//                this.form.listGuestVisit[0].remark = this.itemData.remark
//                this.form.listGuestVisit[0].visitTime = new Date(this.itemData.visitTime)
//                this.form.listGuestVisit[0].visitUser = this.itemData.visitUser
//            },
            //编辑回访
//            editReturnVisit() {
//                console.log("sssssssss")
//            }
        },
        components: {
            'csList': require('__components/file-list'),//回访记录 列表与编辑
        },
    }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
    .top,.bottom{
        padding:10px 20px;
    }
    .smallTitle{
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 10px;
    }
    .paddingBottom{
        margin-bottom: 20px;
    }
    .newRow{
        word-wrap:break-word;
    }
    //隐藏组件的多余功能
    /*.list{*/
        /*.ca-file-main{*/
            /*.ca-title{*/
                /*display: none !important;*/
            /*}*/
        /*}*/
    /*}*/
</style>
